<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:rich="http://richfaces.org/rich"
	template="/themes/standard/template2.xhtml"
	xmlns:a4j="http://richfaces.org/a4j">

	<ui:define name="body">

		<a4j:form>

			<rich:panel>
			<f:facet name="header">
				<h:outputText value="Edycja kursu: #{zarzadzanieLekcjami.kurs.tytul}" />
			</f:facet>
			
			<rich:toolBar id="buttonPanel">
				<a4j:commandButton value="Dodaj lekcję"
					action="#{zarzadzanieLekcjami.nowy}" reRender="popup"
					oncomplete="Richfaces.showModalPanel('popup')">

				</a4j:commandButton>

				<a4j:commandButton value="Edytuj lekcję" reRender="popup"
					action="#{zarzadzanieLekcjami.edycja}"
					oncomplete="Richfaces.showModalPanel('popup')"
					disabled="#{zarzadzanieLekcjami.selectedLekcja == null}">

				</a4j:commandButton>
				
				<a4j:commandButton value="Pytania" 
					action="#{zarzadzanieLekcjami.listaPytan()}"
					disabled="#{zarzadzanieLekcjami.selectedLekcja == null}">

				</a4j:commandButton>
				
			</rich:toolBar>
			<rich:extendedDataTable value="#{lekcjeDataModel}" var="_lekcja"
				selection="#{zarzadzanieLekcjami.selectedLekcja}"
				noDataLabel="Brak Danych" id="tabela" rows="25">
				<a4j:support event="onselectionchange" reRender="buttonPanel"
					ajaxSingle="true">
				</a4j:support>

				<rich:column title="Nr" label="Nr" sortBy="#{_lekcja.nrLekcji}">
					<f:facet name="header">
						<h:outputText value="Nr" />
					</f:facet>
					<h:outputText value="#{_lekcja.nrLekcji}" />

				</rich:column>
				<rich:column title="Opis" label="Opis" sortBy="#{_lekcja.opis}" filterBy="#{_lekcja.opis}">
					<f:facet name="header">
						<h:outputText value="Opis" />
					</f:facet>
					<h:outputText value="#{_lekcja.opis}" />
				</rich:column>
				<rich:column title="Udostępniony" label="Udostępniony">
					<f:facet name="header">
						<h:outputText value="Udostępniony" />
					</f:facet>
					<h:outputText value="#{_lekcja.widocznosc ? 'Tak' : 'Nie'}" />
				</rich:column>

				<rich:column title="Data modyfikacji" label="Data modyfikacji">
					<f:facet name="header">
						<h:outputText value="Data modyfikacji" />
					</f:facet>
					<h:outputText value="#{_lekcja.dataArch}">
						<f:convertDateTime type="date" pattern="dd.MM.yyyy" />
					</h:outputText>

				</rich:column>


			</rich:extendedDataTable>
			</rich:panel>

		</a4j:form>

		<rich:modalPanel id="popup" width="350" height="400" autosized="true">
			<f:facet name="header">
				<h:outputText value="Edycja Lekcji" />
			</f:facet>
			<f:facet name="controls">
				<h:panelGrid columns="2">
					<h:form>
						<a4j:commandButton value="Zamknij"
							onclick="Richfaces.hideModalPanel('popup')" />
					</h:form>

				</h:panelGrid>

			</f:facet>
			<a4j:outputPanel id="popupOutputPanel" ajaxRendered="true">
				<h:form enctype="multipart/form-data">
					<h:panelGrid columns="3">
						<h:outputLabel for="nr_lekcjau_popup" value="Nr lekcji" />
						<h:inputText id="nr_lekcjau_popup"
							value="#{zarzadzanieLekcjami.edytowany.nrLekcji}" required="true">
							<s:validate />
						</h:inputText>
						<h:message for="nr_lekcjau_popup" />


						<h:outputLabel for="widocznosc_popup" value="Wyświetl na stronie" />
						<h:selectBooleanCheckbox id="widocznosc_popup"
							value="#{zarzadzanieLekcjami.edytowany.widocznosc}">
							<s:validate />
						</h:selectBooleanCheckbox>
						<h:message for="widocznosc_popup" />

					</h:panelGrid>

					



					<h:panelGrid columns="1">

						<h:outputLabel value="Opis" for="opisPopup" />
						<h:inputTextarea id="opisPopup"
							value="#{zarzadzanieLekcjami.edytowany.opis}" cols="40" rows="4">
							<s:validate />
						</h:inputTextarea>
						<h:message for="opisPopup" />

					 <h:outputLabel value="Wprowadzeni" for="wprowadzeniePopup" />
						<h:inputTextarea id="wprowadzeniePopup"
							value="#{zarzadzanieLekcjami.edytowany.wprowadzenie}" cols="40" rows="4">
							<s:validate />
						</h:inputTextarea>
						<h:message for="wprowadzeniePopup" />
						
						<h:outputLabel value="Praca domowa" for="pracaPopup" />
						<h:inputTextarea id="pracaPopup"
							value="#{zarzadzanieLekcjami.edytowany.opis}" cols="40" rows="4">
							<s:validate />
						</h:inputTextarea>
						<h:message for="pracaPopup" />
						
						
						<h:commandButton id="submit"
							action="#{zarzadzanieLekcjami.zapisz}" value="Zapisz"
							reRender="popupOutputPanel,tabela"
							oncomplete="if (#{facesContext.maximumSeverity==null}) #{rich:component('popup')}.hide();">
						</h:commandButton>
					</h:panelGrid>


				</h:form>
			</a4j:outputPanel>

		</rich:modalPanel>




	</ui:define>
</ui:composition>
